<template>
  <div class="about">
    <h1>This is an about Myheart page</h1>
    <p>count:{{count}}</p>
    <button @click="show">show</button>
    <button @click="changeCount">changeCount</button>
  </div>
</template>
<script lang="ts">
import { defineComponent} from "vue";
export default defineComponent({
  name:"AboutView",
})
</script>


<script lang="ts" setup>
/*ref 方法用来创建爱你的一个响应式数据*/
import {ref} from "vue";
let count = ref(520);
    const show = ()=>{
      alert(" I love you")
    };
    const changeCount = () => {
      count.value++;
    };
</script>
